<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>中工教材网</title>
<script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="js/Readme.js"></script>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="../../css/style.css">
<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
</head>

<body>
<div class="top">
  <div class="logo"> <a href="">中工书城</a> </div>
  
   <!--<div class="right_yh" style="height:28px;width:316px;border:2px solid #dd4545;margin-top:-40px;">
            <form >
                <input type="text" placeholder="关键词查询" class="search" name="condition" >
                <input type="submit" class="btnSearh" value="搜索">
            </form>
   </div>-->
  <!--<div id="time">
 <div class="width100 hidden_yh">
    <div class="width1200 center_yh hidden_yh">
        <a href="#" class="block_yh left_yh">
            <img src="${ctx}/resource/images/logo.png" alt="" style="height: 70px">
        </a>
       
    </div>
</div>
  </div>
  <div class="detail">
    <ul>
      <!--<li><a href="#">语言<span class="icon"></span></a>
        <ul>
          <li><a href="#">中国站：简体中文</a></li>
          <li><a href="#">国际站：English</a></li>
        </ul>
      </li>-->
      <!--<li  style="text-align:center"><a href="#" style="font-size: large;">我的<span class="icon"></span></a>
        <ul class="list2 my">
          <li style="background-color: transparent;"><a href="#">订单信息</a></li>
          <li style="background-color: transparent; color: white;"><a href="#">注销</a></li>
        </ul>
      </li>
    <!--  <li><a href="#"  style="font-size: large;">我的云书房</a></li>-->
      <!--<li><a href="#"  style="font-size: large;">我的购物车</a></li>-->
    </ul>
    <div class="clear"></div>
  </div>
</div>
<!--top-->
<div id="nav">
  <div id="mulu">
    <ul>
     
      <li><a href="#goal">教材使用</a></li>
      <li><a href="#">网站导航<span class="icon"></span></a>
        <ul class="list1">
          <li><a href="#">帮助</a></li>
          <li><a href="#">关于我们</a></li>
        </ul>
      </li>
      
      <li><a href="#">我的<span class="icon"></span></a>
        <ul class="list1">
        	<li><a href="#">登录</a></li>
        	<li><a href="#">退出</a></li>
        	<li><a href="#">注销</a></li>
          
          
        </ul>
      </li>
    </ul>
  </div> <!--mulu--> 
 
</div>
<div class="content">
  <div id="main">
    <!--<div id="sort">
      <ul id="book1">
        <li class="f"><a href="#">经典</a></li>
        <li class="s"><a href="#">科技</a></li>
        <li class="t"><a href="#">教育</a></li>
        <li class="f1"><a href="#">生活</a></li>
        <li class="f2"><a href="#">艺术</a></li>
        <li class="s"><a href="#">电子书</a></li>
        <li class="s1"><a href="#">听书</a></li>
      </ul>
    </div>-->
    <!--sort-->
    
  
    <div id="tu">
      <div class="c-banner">
        <div class="banner">
          <ul>
            <li><img src="images/book1.jpg" width="1000"></li>
            <li><img src="images/lunbo1.jpg" ></li>
            <li><img src="images/book2.jpg" ></li>
            <li><img src="images/lunbo2.jpg"></li>
            <li><img src="images/shan.png"></li>
            <li><img src="images/book3.jpg" ></li>
          </ul>
        </div>
        <!--banner-->
        <div class="nexImg"><img src="images/nexImg.png" /></div>
        <div class="preImg"><img src="images/preImg.png" /></div>
        <div class="jumpBtn">
          <ul>
            <li jumpImg="0"></li>
            <li jumpImg="1"></li>
            <li jumpImg="2"></li>
            <li jumpImg="3"></li>
            <li jumpImg="4"></li>
            <li jumpImg="5"></li>
          </ul>
        </div><!--jumpBtn--> 
        
      </div>  <!--c-banner--> 
    
    </div><!--tu-->
	<!--<div id="dontai">
      <ul class="share">
        <li><a href="#" class="note">读者之窗<span>来看看读者最近在读写什么吧！</span></a></li>
        <li><a href="#" class="note">书评专栏<span>这里是优美的书评，让人流连忘返！</span></a></li>
        <li><a href="#" class="note">我要投稿<span>投稿有奖，发挥你的智慧时候到了！</span></a></li>
      </ul>
    </div>-->
  </div> 
  <div id="goal">
  	
    
       <form class="form-inline">
  <div class="form-group">
    <label for="exampleInputEmail2">搜索关键词</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="数据结构">
 
  <button type="submit" class="btn btn-primary btn-sm" style="margin-left: 30px;">搜索</button> 
  </div>
</form>
   
    <div class="bs-example" data-example-id="hoverable-table">
    <table class="table table-hover">
      <thead>
        <tr>
          
          <th>二级学院</th>
          <th>专业名称</th>
          
        </tr>
      </thead>
      <tbody>
        <tr>
         
          <td><a href="#">纺织学院</a></td>
          <td>纺织工程、轻化工程、非织造材料与工程
</td>
         
        </tr>
        <tr>
          
          <td><a href="#">能源与环境学院</a></td>
          <td>建筑环境与能源应用工程、能源与动力工程、安全工程、环境工程、给水排水科学与工程
</td>
       
        </tr>
        <tr>
        
          <td><a href="#">机电学院</a></td>
          <td>机械设计制造及其自动化、工业设计、工业工程、车辆工程、机械电子工程
</td>
          
        </tr>
           <tr>
         
          <td><a href="#">电子信息学院</a></td>
          <td>自动化专业、电气工程及其自动化专业、测控技术与仪器专业、通信工程、电子信息工程、飞行器控制与信息工程、无人驾驶航空器系统工程

</td>
         
        </tr>
           <tr>
         
          <td><a href="#">材料与化工学院</a></td>
          <td>材料成型及控制工程、材料科学与工程、应用化学、高分子材料与工程
</td>
         
        </tr>
           <tr>
         
          <td><a href="Web-master/html/index.html">计算机学院</a>
</td>
          <td>计算机科学与技术、网络工程、软件工程、信息安全、人工智能</td>
         
        </tr>
           <tr>
         
          <td><a href="#">建筑工程学院</a>
</td>
          <td>土木工程、建筑学、工程管理、城市地下空间工程
</td>
         
        </tr>
           <tr>
         
          <td><a href="#">服装学院</a></td>
          <td>服装设计与工程、服装与服饰设计、产品设计、服装表演

</td>
         
        </tr>
           <tr>
         
          <td><a href="#">艺术设计学院</a></td>
          <td>环境设计、视觉传达设计、摄影、动画
</td>
         
        </tr>
           <tr>
         
          <td><a href="#">经济管理学院</a></td>
          <td>纺织工程、轻化工程、非织造材料与工程工商管理、会计学、工程造价 、市场营销、会展经济与管理、空中乘务与空港管理、信息管理与信息系统、国际经济与贸易、金融学、公共事业管理

</td>
         
        </tr>
           <tr>
         
          <td><a href="#">新闻与传播学院</a></td>
          <td>播音与主持艺术、广播电视新闻学、广播电视编导  、表演 、网络与新媒体

</td>
         
        </tr>
           <tr>
         
          <td><a href="#">法学院</a></td>
          <td>法学、社会工作、知识产权

</td>
         
        </tr>
           <tr>
         
          <td><a href="#">外国语学院</a></td>
          <td>英语、汉语国际教育、日语

</td>
         
        </tr>
           <tr>
         
          <td><a href="#">理学院</a></td>
          <td>数学与应用数学、信息与计算科学、应用物理

</td>
         
        </tr>
          
      </tbody>
    </table>
  </div>
  </div>

    
    <!--<div id="dontai">
      <ul class="share">
        <li><a href="#" class="note">读者之窗<span>来看看读者最近在读写什么吧！</span></a></li>
        <li><a href="#" class="note">书评专栏<span>这里是优美的书评，让人流连忘返！</span></a></li>
        <li><a href="#" class="note">我要投稿<span>投稿有奖，发挥你的智慧时候到了！</span></a></li>
      </ul>
    </div>
  </div> 
  <div id="goal">
    <h2>我们的宗旨</h2>
    <div class="line green"><span> </span></div>
    <h4>致力于创新的图书网站，让阅读更加高效有趣，打造影响世界的品牌</h4>
    <div class="services_grids">
      <div class="grid_1_of_4 services_1_of_4"> <img src="images/flag.png" id="t1" alt="品牌" />
        <h3>品牌化</h3>
        <p>赋予产品和服务与众不同的特点，准确市场定位，创造自己！</p>
      </div>
      <div class="grid_1_of_4 services_1_of_4"> <img src="images/design.png" id="t2" alt="设计" />
        <h3>行动派</h3>
        <p>社会在发展，我在行动，跟随时代不断进步，充分承担起责任。</p>
      </div>
      <div class="grid_1_of_4 services_1_of_4"> <img src="images/development.png" id="t3" alt="创新" />
        <h3>创新发展</h3>
        <p>坚持以观念创新为先导、战略创新为方向、组织创新为保障、技术创新为手段！</p>
      </div>
      <div class="grid_1_of_4 services_1_of_4"> <img src="images/rocket.png" id="t4" alt="高效" />
        <h3>高效执行</h3>
        <p>打造高效执行的团队，保持团队竞争力！</p>
      </div>
    </div>
  </div>

<div id="login">
  <div id="login_page">
    <div class="login1">
      <form action="#" method="post">
        <input type="text" name="name" class="name" placeholder="Usename" required>
        <input type="password" name="password" class="password" placeholder="Password" required>
        <div class="wthree-text">
          <ul>
            <li>
              <label class="anim">
                <input type="checkbox" class="checkbox" required>
                <span>七天内自动登录</span> </label>
            </li>
            <li><a href="#">忘记密码?</a></li>
          </ul>
        </div>
        <div class="clear"></div>
        <input type="submit" value="Login" onclick="check()">
      </form>
      <p><a href="#">创建账号？</a></p>
    </div>
  </div>
  
  <div id="right"> <span>© 2020 CZH. All rights Reserved</span> </div>
  
</div>
-->

</div><!--content-->

</body>
</html>